<template>
	<view class="filter flex align-center">
		<image :src="`${assetsPath}/filter/asc${sort == 'asc' ? '_red' : ''}.png`" mode="widthFix"></image>
		<image :src="`${assetsPath}/filter/desc${sort == 'desc' ? '_red' : ''}.png`" mode="widthFix" class="ml5"></image>
	</view>
</template>

<script>
export default {
	name: 'filter-icon',
	data() {
		return {};
	},
	props: {
		sort: {
			type: String,
			default: ''
		}
	}
};
</script>

<style scoped lang="scss">
.filter {
	image {
		display: block;
		width: 9upx;
		height: 25upx;
	}
}
</style>
